﻿@model IEnumerable<Unijovem.UI.Models.EventoModel>
@{
    ViewBag.Title = "Social";
}
@using System.Linq
<script src="@Url.Content("~/Scripts/jquery.corner.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('div.data').each(function () {
            $(this).corner("round 10px");
        });

        $('div.eventoDetalhes').each(function () {
            $(this).corner("round 5px");
        });

        $('div.eventoDetalhes').each(function (index) {
            var eventoDetalhes = $(this);

            $(this).mouseover(function () {
                $(this).removeClass("eventoDetalhes");
                $(this).addClass("eventoDetalhesOver");
            });

            $(this).mouseout(function () {
                $(this).addClass("eventoDetalhes");
                $(this).removeClass("eventoDetalhesOver");
            });

            $(this).click(function () {
                $('div.informacaoEvento').each(function (indexEvento) {
                    if (index != indexEvento)
                        $(this).slideUp("slow");
                });

                var informacao = $('div.informacaoEvento')[index];
                
                if ($(informacao).is(":visible")) {
                    $(informacao).slideUp("slow");
                    eventoDetalhes.text("Ver mais");
                } else {
                    $(informacao).slideDown("slow");
                    eventoDetalhes.text("Ver menos");
                }
            });
        });

        $('#rolou').click(function () {
            $('#atuais').hide();
            $('#anteriores').show();

            $('#rolou').hide();
            $('#estaRolando').show();
        });

        $('#estaRolando').click(function () {
            $('#anteriores').hide();
            $('#atuais').show();

            $('#estaRolando').hide();
            $('#rolou').show();
        });
    });
</script>
<div class="floatLeft" style="width: 650px">
    <h3>
        Social</h3>
    <div id="estaRolando" style="display: none;">
        <div class="floatRight rolando">
            Confira o que está rolando
        </div>
    </div>
    <div id="rolou">
        <span style="font-size:13px; font-weight:bold;">Quer ver as fotos e vídeos de tudo que já rolou até agora? Clique no botão ao abaixo
            e fique por dentro de tudo.</span>
        <br />
        <div class="floatRight rolando">
            Veja o que já rolou
        </div>
    </div>
    <br />
    <br />
    <br />
    <br />
    <div id="anteriores" style="display: none;">
        @Html.Partial("~/Views/Evento/ListaVisualizar.cshtml", Model.Where(e => e.Data < DateTime.Today).OrderBy(e => e.Data))
    </div>
    <div id="atuais">
        @Html.Partial("~/Views/Evento/ListaVisualizar.cshtml", Model.Where(e => e.Data >= DateTime.Today ||
            (e.Data.Month == DateTime.Today.Month && e.Data.Year == DateTime.Today.Year)).OrderBy(e => e.Data))
    </div>
</div>
@Html.Partial("~/Views/PartialView/Promocao.cshtml", "200")
